<template>
    <div class="authentication">
        <group title="请输入11位手机号">
            <x-input title="手机号" :max="11" :min="11" is-type="china-mobile" placeholder="请输入手机号" type="tel" required v-model="phone"></x-input>
        </group>
        <group title="请输入短信验证码">
            <x-input title="验证码" type="number" required placeholder="请输入验证码" required v-model="authcode">
                <x-button slot="right" type="primary" mini>发送验证码</x-button>
            </x-input>
        </group>
    
        <router-link to="/chose/kind" tag="div" class="btn">
            <span>确定</span>
        </router-link>
    </div>
</template>

<script>
    import {
        XInput,
        Group,
        XButton
    } from 'vux'
    export default {
        components: {
            XInput,
            Group,
            XButton
        },
        data() {
            return {
                phone: '',
                authcode: ''
            }
        },
        created() {
    
        }
    }
</script>

<style lang="less" scoped>
    .authentication {
        .weui-btn_mini {
            margin-top: 0;
            padding: .2rem .7rem;
            line-height: 1.8;
            border-radius: 1rem;
            font-size: .5rem !important;
        }
        
    }
</style>

